<!DOCTYPE html>
<html lang="en">

<head>
  <!-- Required meta tags -->
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  <title>Spica Admin</title>
  <!-- base:css -->
  <link rel="stylesheet" href="../../vendors/mdi/css/materialdesignicons.min.css">
  <link rel="stylesheet" href="../../vendors/css/vendor.bundle.base.css">
  <!-- endinject -->
  <!-- plugin css for this page -->
  <!-- End plugin css for this page -->
  <!-- inject:css -->
  <link rel="stylesheet" href="../../css/style.css">
  <!-- endinject -->
  <!--<link rel="shortcut icon" href="../../images/favicon.png" />-->
</head>

<body>
  <div class="container-scroller d-flex">
    <div class="container-fluid page-body-wrapper full-page-wrapper d-flex">
      <div class="content-wrapper d-flex align-items-stretch auth auth-img-bg">
        <div class="row flex-grow">
          <div class="col-lg-6 login-half-bg d-none d-lg-flex flex-row">
            <p class="text-white font-weight-medium text-center flex-grow align-self-end">Copyright &copy; 2021  All rights reserved.</p>
          </div>
          <div class="col-lg-6 d-flex align-items-center justify-content-center">
            <div class="auth-form-transparent text-left p-3" style="margin-left: 100px">
              <!--<div class="brand-logo">-->
                <!--<img src="../../images/logo.svg" alt="logo">-->
              <!--</div>-->
              <h3 style="margin-bottom: 15px">欢迎回来</h3>
              <h6 class="font-weight-light">很荣幸您能够选择我们！</h6>
              <form class="pt-3" action="/management/doLogin">
                <div class="form-group">
                  <label for="loginUN">用户名/电话/E-mail</label>
                  <div class="input-group" style="height: 50px">
                    <div class="input-group-prepend bg-transparent" >
                      <span class="input-group-text bg-transparent border-right-0" style="height: 50px">
                        <i class="mdi mdi-account-outline text-primary" ></i>
                      </span>
                    </div>
                    <input style="height: 50px" type="text" class="form-control form-control-lg border-left-0" name="loginUN" id="loginUN" placeholder="Username">
                  </div>
                </div>
                <div class="form-group">
                  <label for="loginPW">密码</label>
                  <div class="input-group" style="height: 50px">
                    <div class="input-group-prepend bg-transparent">
                      <span class="input-group-text bg-transparent border-right-0" style="height: 50px">
                        <i class="mdi mdi-lock-outline text-primary"></i>
                      </span>
                    </div>
                    <input style="height: 50px" type="password" class="form-control form-control-lg border-left-0" name="loginPW" id="loginPW" placeholder="Password">
                  </div>
                </div>
                <!--<div class="my-2 d-flex justify-content-between align-items-center">-->
                  <!--<div class="form-check">-->
                    <!--<label class="form-check-label text-muted">-->
                      <!--<input type="checkbox" class="form-check-input">-->
                      <!--Keep me signed in-->
                    <!--</label>-->
                  <!--</div>-->
                  <!--<a href="#" class="auth-link text-black">Forgot password?</a>-->
                <!--</div>-->
                <div  style="margin-top: 40px">
                  <button type="submit" class="btn btn-block btn-primary ">登录</button>
                  <!--btn-lg font-weight-medium auth-form-btn-->
                </div>
                <div class=" mt-4 font-weight-light">
                  还未与我们取得联系？ <a class="text-primary">创建账户</a>
                </div>
              </form>
            </div>
          </div>
        </div>
      </div>
      <!-- content-wrapper ends -->
    </div>
    <!-- page-body-wrapper ends -->
  </div>
   container-scroller
   base:js
  <script src="../../vendors/js/vendor.bundle.base.js"></script>
  <!-- endinject -->
  <!-- inject:js -->
  <script src="../../js/off-canvas.js"></script>
  <script src="../../js/hoverable-collapse.js"></script>
  <script src="../../js/template.js"></script>
  <!-- endinject -->
</body>

</html>
